<!--复选框-->
<template>
  <div class="example tableClass">
    <zz-ueditor
      style="margin-right: 20px;"
      ref="ueditor"
      class="mt15"
      @ready="query"
      :upload="{serverUrl: '/front/person/uploadConstructionProjectDetailImg.htm', serverLabel: 'detail'}"></zz-ueditor>

  </div>
</template>

<script>

  export default {
    name: '',
    data () {
      return {
        state: '',
        stateData: '',
        valueData: {id: 1},
        checkEd: true,
        explameCall: `<zz-search
          holder="这是默认显示的文字"
          :width="180"  默认宽度
          :height="30"  默认高度
          :searchTop="1"调整 搜索小图标顶部位置
          @searchClick="searchClick" 确定和点击小图标都能触发
          ></zz-search>`,

        explameMethods:
          `searchClick (state) {
            this.state = state
            console.log(this.state)
          }`
      }
    },
    methods: {
      query (state) {
        this.state = state
      }
    }
  }
</script>
<style lang="scss" scoped>
  .example{
    padding: 20px;
    .example-left{
      float: left;
      width: 20%;
    }
    .example-right{
      float: right;
      width: 78%;
      background: #fff;
      padding: 20px;
    }
  }
</style>
